<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <meta charset="utf-8"/>
    <title>后台管理</title>

    <meta name="description" content="overview &amp; stats"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>

    <!-- bootstrap & fontawesome -->
    <link rel="stylesheet" href="../../ace/assets/css/bootstrap.min.css"/>
    <link rel="stylesheet" href="../../ace/assets/font-awesome/4.2.0/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="../../ace/assets/css/ace.min.css" class="ace-main-stylesheet" id="main-ace-style"/>
    <link rel="stylesheet" href="../../ace/assets/css/daterangepicker.min.css"/>
    <!--日期选择插件-->
    <link rel="stylesheet" href="../css/common.css"/>
    <link rel="stylesheet" href="../css/font-awesome.min.css"/>
    <!--公共css-->        <!--[if lte IE 9]>
    <link rel="stylesheet" href="../../ace/assets/css/ace-part2.min.css" class="ace-main-stylesheet"/>
    <link rel="stylesheet" href="../../ace/assets/css/ace-ie.min.css"/>        <![endif]-->

    <!--icely add-->
    <link rel="stylesheet" href="../css/myStyle.css"/>
    <link rel="stylesheet" href="../myPlugins/loading/loading.css"/>
    <link href="../myPlugins/jqGrid/jqGrid/jqGrid.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="../myPlugins/upLoadImg/upLoadImg.css"/>


    <!-- ace 设置处理程序 -->
    <script src="../../ace/assets/js/ace-extra.min.js"></script>
    <!--[if lte IE 8]>
    <script src="../../ace/assets/js/html5shiv.min.js"></script>
    <script src="../../ace/assets/js/respond.min.js"></script>        <![endif]-->
</head>

<style>
    .showTicket{
        cursor: pointer;
    }
    .ticketDetail {
        font-size: 15px;
        margin: 1rem;
    }
    .ticketDetail div {
        padding: 0.6rem;
    }
    .ticketDetail div::after {
        content: "";
        width: 100%;
        height: 1px;
        background-color: #DDDDDD;
        display: block;
    }

    div.uploadDiv {
        width: 60px;
        height: 60px;
    }

</style>

<body class="no-skin routing" onload="init()" data-route="lottery.html">

<!--header  头部-->
<div id="header"></div>

<div class="main-container" id="main-container">
    <script type="text/javascript">
        try {
            ace.settings.check('main-container', 'fixed')
        } catch (e) {
        }
    </script>

    <!--header  左边菜单-->
    <div id="sidebar" class="sidebar responsive"></div>

    <div class="main-content">
        <div class="main-content-inner">

            <div class="breadcrumbs" id="breadcrumbs">
                <script type="text/javascript">
                    try {
                        ace.settings.check('breadcrumbs', 'fixed')
                    } catch (e) {
                    }
                </script>
                <ul class="breadcrumb">
                    <li>
                        <i class="icon-home home-icon"></i>抽奖管理
                    </li>
                    <li>
                        <a class="headerURl" href="lottery.html">活动列表</a>
                    </li>
                    <li class="path">编辑活动</li>
                </ul>
            </div>

            <!-- 基本页面内容 -->
            <div class="page-content" style="border: none;">

                <div class="col-md-12">
                    <!--表格内容-->
                    <form class="form-horizontal" role="form">
                        <div class="form-group">
                            <div class="row col-md-12 margin-bottom-15">
                                <label class="col-md-1 control-label " style="text-align: left;font-size: 1.5rem;">名称:</label>

                                <div class="col-md-10">
                                    <input class="name width-100" type="text" placeholder="名称限20个字符以内">
                                </div>
                            </div>
                            <div class="row col-md-12 margin-bottom-15">
                                <label class="col-md-1 control-label " style="text-align: left;font-size: 1.5rem;">所需积分:</label>

                                <div class="col-md-10">
                                    <input class="score width-100" type="number" placeholder="请输入抽奖消耗积分">
                                </div>
                            </div>
                            <div class="row col-md-12 margin-bottom-15">
                                <label class="col-md-1 control-label " style="text-align: left;font-size: 1.5rem;"> 有效期:</label>

                                <div class="col-md-10">
                                    <div class="input-group">
                                    <span class="input-group-addon">
						            <i class="fa fa-calendar bigger-110"></i>
                                    </span>
                                        <input class="time form-control" type="text" name="date-range-picker" id="datePicker" placeholder="开始时间-结束时间"/>
                                    </div>
                                </div>
                            </div>

                            <div class="row col-md-12 margin-bottom-15">
                                <label class="col-md-1 control-label " style="text-align: left;font-size: 1.5rem;padding-right: 0;margin-right: 0px"> 转盘设置:</label>

                                <div class="col-md-10">
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered table-hover dataTable">
                                            <thead>
                                            <tr>
                                                <th class="center col-md-1">序号</th>
                                                <th class="center col-md-3">奖品图片</th>
                                                <th class="center col-md-3">奖品名称</th>
                                                <th class="center col-md-3">概率（万分之）</th>
                                                <th class="center col-md-3">库存</th>
                                                <th class="center col-md-2">剩余</th>
                                                <th class="center col-md-2">操作</th>
                                            </tr>
                                            </thead>
                                            <tbody id="lotteryBox" class="itemGroup">

                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>

                            <br><br><br><br><br>
                        </div>
                    </form>
                </div>

                <div class="row col-md-12">

                    <div class="col-md-6 ">
                        <div class="submitBtn btn btn-primary pull-right center" style="padding-left:10px;width: 150px">保存</div>
                        <div class="addBtn btn btn-primary pull-right center" style="width: 150px">添加新奖品项</div>

                    </div>
                    <div class="col-md-6 ">
                        <div class="cancelBtn2 btn pull-left center" style="width: 150px">取消</div>
                    </div>
                </div>

            </div>
        </div>
    </div>

    <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
        <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i></a>
</div>

<!-- bootstrap -->
<script src="../../ace/assets/js/jquery.1.11.1.min.js"></script>
<script src="../../ace/assets/js/bootstrap.min.js"></script>
<!-- 日期选择插件 -->
<script src="../../ace/assets/js/moment.min.js"></script>
<script src="../../ace/assets/js/daterangepicker.min.js"></script>
<!-- ACE 基本JS -->
<script src="../../ace/assets/js/ace-elements.min.js"></script>
<script src="../../ace/assets/js/bootbox.min.js"></script>
<!-- 弹出 -->
<script src="../../ace/assets/js/ace.min.js"></script>
<script src="../myPlugins/upLoadImg/upLoadImg.js"></script>

<!-- 公共JS -->
<script src="../js/libs/hint.js"></script>
<script src="../js/rush.js"></script>
<script src="editLottery.js"></script>

<!--icely add-->
<script src="../myPlugins/jqGrid/jqGrid/jqGrid.js"></script>
<script src="../myPlugins/loading/loading.js"></script>

</body>
</html>
